<!-- 
  如何获取仓库中的数据
    将需要使用的仓库的组合式函数导入进来，然后调用得到该仓库的实例，然后直接使用即可。

 -->

<template>
  <p>Hello - {{ app.count }}</p>
  <button @click="app.incerment('100')">自增</button>
  <button @click="app.decrement('200')">自减</button>
  <hr />
  <button @click="product.add()">添加</button>
  <ul>
    <li v-for="item in product.raw">{{ item }}</li>
  </ul>
</template>

<script setup lang="ts">
import useAppStore from "../stores/app";
import useProductStore from "../stores/product";

// 调用仓库的组合式函数，得到该仓库的实例对象
const app = useAppStore();
const product = useProductStore();

// console.log("app", app);
// console.log("product", product);
</script>
